<!DOCTYPE html>
<html lang="">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,viewport-fit=cover,initial-scale=1,maximum-scale=1,user-scalable=0">
    <title>创作</title>
    <link href="./components.1d13bc75.css" rel="stylesheet">
    <link href="./aigc.46a21d3d.css" rel="stylesheet">
    <style type="text/css" data-scp="wise">
        [splayer-root] {
            /* 此处只修改normal皮肤的进度条样式 */
        }

        [splayer-root] .normalControlContainer,
        [splayer-root] .retryControlContainer,
        [splayer-root] .posterControlContainer,
        [splayer-root] .simpleControlContainer,
        [splayer-root] .errorControlContainer {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1000;
        }

        [splayer-root] .controlHide {
            display: none;
        }

        [splayer-root] .controlShow {
            display: block;
        }

        [splayer-root] .playControlContainer {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -24px;
            margin-left: -24px;
            width: 48px;
            height: 48px;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            overflow: hidden;
        }

        [splayer-root] .playSvg,
        [splayer-root] .pauseSvg,
        [splayer-root] .loadSvg {
            width: 100%;
            height: 100%;
        }

        [splayer-root] .retryControlContainer,
        [splayer-root] .voiceControlContainer,
        [splayer-root] .progressBarContainer,
        [splayer-root] .rate-control-container,
        [splayer-root] .screenControlContainer {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        [splayer-root] .retryMidArea {
            width: 160px;
        }

        [splayer-root] .retrySvg,
        [splayer-root] .retryPlaySvg {
            width: 48px;
            height: 48px;
            margin: 0 auto 8px;
        }

        [splayer-root] .retryTip {
            text-align: center;
            color: #fff;
            font-size: 14px;
            height: 14px;
            line-height: 14px;
        }

        @-webkit-keyframes move {
            from {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            to {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @keyframes move {
            from {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            to {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        [splayer-root] .loadSvg {
            -webkit-animation: move 1s linear infinite;
            animation: move 1s linear infinite;
        }

        [splayer-root] .retryControlContainer {
            background-color: rgba(0, 0, 0, 0.7);
        }

        [splayer-root] .bottomControlContainer {
            position: absolute;
            bottom: 0;
            left: 0;
            height: 48px;
            width: 100%;
        }

        [splayer-root] .flex-col-center {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: center;
        }

        [splayer-root] .rate-list-container {
            position: absolute;
            align-items: flex-start;
            box-sizing: border-box;
            right: -20px;
            height: 100%;
            width: 253px;
            padding-left: 105px;
            overflow-x: hidden;
            overflow-y: scroll;
            background-image: linear-gradient(270deg, rgba(5, 5, 12, 0.95) 0%, rgba(5, 5, 12, 0.95) 15%, rgba(5, 5, 12, 0.8) 48%, rgba(5, 5, 12, 0.6) 66%, rgba(5, 5, 12, 0.35) 81%, rgba(5, 5, 12, 0.11) 93%, rgba(5, 5, 12, 0) 100%);
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            transition: -webkit-transform 0.15s linear;
            transition: transform 0.15s linear;
            transition: transform 0.15s linear, -webkit-transform 0.15s linear;
        }

        [splayer-root] .rate-list-container.show {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

        [splayer-root] .rate-list-container .rate-list-item {
            align-items: center;
            flex-shrink: 0;
            width: 79px;
            height: 34px;
            border-radius: 9px;
            font-size: 12px;
            color: #fff;
            overflow: hidden;
        }

        [splayer-root] .rate-list-container .rate-list-item + .rate-list-item {
            margin-top: 1px;
        }

        [splayer-root] .rate-list-container .rate-list-item.active {
            box-sizing: border-box;
            color: #5289ff;
            background-color: rgba(82, 137, 255, 0.2);
            border: 1px solid rgba(82, 137, 255, 0.1);
        }

        [splayer-root] .rate-list-container .rate-list-item.active.init-rate {
            line-height: 14px;
        }

        [splayer-root] .rate-list-container .rate-list-item.active.init-rate::after {
            content: '正常速度';
            font-size: 8px;
            line-height: 10px;
            font-weight: 400;
            -webkit-text-stroke-width: 0;
        }

        [splayer-root] .bgGradient {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 0.7;
            background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
        }

        [splayer-root] .voiceControlContainer {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 48px;
            box-sizing: content-box;
        }

        [splayer-root] .voiceIcon,
        [splayer-root] .screen {
            width: 24px;
            height: 24px;
        }

        [splayer-root] .screen img {
            border-radius: 0;
        }

        [splayer-root] .progressControlContainer,
        [splayer-root] .progress-control-container {
            position: relative;
            height: 100%;
            margin: 0 52px;
            display: flex;
        }

        [splayer-root] .progress-control-container {
            margin: 0 53px;
        }

        [splayer-root] .progress-control-container.has-rate {
            margin: 0 97px 0 53px;
        }

        [splayer-root] .seenTime {
            height: 100%;
            padding-right: 8px;
            display: flex;
            align-items: center;
            flex-shrink: 0;
            color: #fff;
            font-size: 12px;
        }

        [splayer-root] .overTime {
            height: 100%;
            padding-left: 8px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            flex-shrink: 0;
            color: #fff;
            font-size: 12px;
        }

        [splayer-root] .progressBarContainer {
            height: 100%;
            width: 100%;
            flex-shrink: 1;
        }

        [splayer-root] .durationBarContainer {
            position: relative;
            height: 4px;
            border-radius: 2px;
            background-color: rgba(255, 255, 255, 0.5);
            flex: 1;
        }

        [splayer-root] .nopProgressBar {
            position: absolute;
            left: 0;
            bottom: 0;
            border-radius: 2px;
            width: 100%;
            height: 3px;
            background-color: rgba(0, 0, 0, 0.3);
        }

        [splayer-root] .loadedBar,
        [splayer-root] .nopLoadedBar {
            height: 100%;
            border-radius: 2px;
            /* background-color: rgba(255, 255, 255, .2); */
            width: 0;
        }

        [splayer-root] .playedBar,
        [splayer-root] .nopPlayedBar {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            border-radius: 2px;
            background-color: rgba(255, 255, 255, 0.6);
            width: 0;
            -webkit-transform-origin: left;
            transform-origin: left;
            transition: width 0.2s linear;
            color-scheme: dark;
        }

        [splayer-root] .circlePoint,
        [splayer-root] .bigCirclePoint {
            position: absolute;
            right: -6px;
            top: -4px;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: #fff;
        }

        [splayer-root] .bigCirclePoint {
            right: -12px;
            top: -10px;
            width: 24px;
            height: 24px;
            opacity: 0;
        }

        [splayer-root] .enter-suspense-btn {
            position: absolute;
            top: 12px;
            right: 13px;
            width: 25px;
            height: 24px;
        }

        [splayer-root] .rate-control-container {
            position: absolute;
            top: 0;
            right: 53px;
            height: 100%;
            color: #fff;
        }

        [splayer-root] .screenControlContainer {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: 52px;
            box-sizing: content-box;
        }

        [splayer-root] .fullscreen-active {
            position: fixed !important;
            left: 0 !important;
            top: 0 !important;
            width: 100% !important;
            height: 100% !important;
            z-index: 99999 !important;
        }

        [splayer-root] .nopVoiceOff,
        [splayer-root] .nop-voice-open {
            position: absolute;
            left: 12px;
            bottom: 12px;
            width: 24px;
            height: 24px;
            opacity: 0.6;
        }

        [splayer-root] .nop-rate-toast {
            position: absolute;
            left: 53px;
            bottom: 7px;
            height: 33px;
            padding: 0 12px;
            font-size: 13px;
            display: flex;
            align-items: center;
            color: #fff;
            border-radius: 40px;
            white-space: nowrap;
            background-color: rgba(17, 17, 17, 0.8);
        }

        [splayer-root] .posterControlContainer img {
            display: block;
            border: none;
            width: 100%;
            height: 100%;
        }

        [splayer-root] .posterControlContainer .pauseSvg {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 48px;
            height: 48px;
            margin-top: -24px;
            margin-left: -24px;
        }

        [splayer-root] .simpleInnerContainer {
            position: absolute;
            width: 38px;
            height: 28px;
        }

        [splayer-root] .simpleLoadingContainer {
            position: absolute;
            width: 40px;
            height: 40px;
            left: 50%;
            top: 50%;
            margin: -20px 0 0 -20px;
        }

        [splayer-root] .voice2loc1 {
            left: 8px;
            bottom: 9px;
        }

        [splayer-root] .voice2loc2 {
            right: 10px;
            bottom: 20px;
        }

        [splayer-root] .voiceHide {
            opacity: 1;
            -webkit-animation: opacityHide 160ms ease-in-out forwards;
            animation: opacityHide 160ms ease-in-out forwards;
        }

        @-webkit-keyframes opacityHide {
            0% {
                opacity: 1;
            }
            100% {
                opacity: 0.65;
            }
        }

        @keyframes opacityHide {
            0% {
                opacity: 1;
            }
            100% {
                opacity: 0.65;
            }
        }

        [splayer-root] .errorTipContainer {
            width: 70px;
            color: #fff;
            margin: 33% auto 0;
            padding: 12px 14px;
            background-color: rgba(0, 0, 0, 0.8);
            border: 1px solid rgba(255, 255, 255, 0.5);
            border-radius: 3px;
            box-sizing: content-box;
        }

        [splayer-root] .wifiTipContainer {
            position: absolute;
            bottom: 17px;
            color: #fff;
            line-height: 38px;
            background-color: rgba(0, 0, 0, 0.8);
            border: 1px solid rgba(255, 255, 255, 0.5);
            border-radius: 3px;
            left: 50%;
            width: 172px;
            height: 38px;
            margin-left: -86px;
            opacity: 0.8;
            text-align: center;
        }

        [splayer-root] .detailBtn {
            position: absolute;
            right: 15px;
            bottom: 10px;
            padding: 8px 10px;
            background-color: #38f;
            border-radius: 15px;
            color: #fff !important;
            font-size: 12px;
        }

        [splayer-root] .tenN .bottomControlContainer {
            height: 38px;
        }

        [splayer-root] .tenN .voiceControlContainer,
        [splayer-root] .tenN .screenControlContainer {
            width: 38px;
        }

        [splayer-root] .tenN .progressControlContainer {
            margin: 0 38px;
        }

        [splayer-root] .tenN .seenTime,
        [splayer-root] .tenN .overTime {
            width: 44px;
        }

        [splayer-root] .tenN .nopVoiceOff {
            bottom: 10px;
            left: 10px;
        }

        [splayer-root] .tenN .playControlContainer,
        [splayer-root] .tenN .posterControlContainer .pauseSvg {
            margin-top: -19px;
            margin-left: -19px;
            width: 38px;
            height: 38px;
        }

        [splayer-root] .tenN .retrySvg,
        [splayer-root] .tenN .retryPlaySvg {
            width: 38px;
            height: 38px;
        }

        [splayer-root] .tenN .progressBarContainer {
            margin: 0 44px;
        }

        [splayer-root] .voiceToastContainer {
            position: absolute;
            width: 168px;
            height: 38px;
            line-height: 33px;
            font-size: 14px;
            color: #fff;
            text-align: center;
            background: center / contain no-repeat url('https://mms-mis.cdn.bcebos.com/se-video/toast.png');
        }

        [splayer-root] .voiceToastPosi {
            left: 10px;
            top: -32px;
        }

        [splayer-root] .nopVoiceToastPosi {
            left: 10px;
            top: -70px;
        }

        [splayer-root] .summaryDot {
            width: 3px;
            height: 3px;
            position: absolute;
            top: -0.5px;
            background-color: #fff;
            border-radius: 50%;
            transition: all 0.3s;
            border: 0.7px solid #ffffff;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        }

        [splayer-root] .summaryDotPlayed {
            width: 3px;
            height: 3px;
            top: 0;
            background-color: rgba(255, 255, 255, 0.6);
            border: 0 solid rgba(255, 255, 255, 0.6);
        }

        [splayer-root] .summaryDotSelected {
            top: -0.6px;
            -webkit-transform: scale(1.8);
            transform: scale(1.8);
            background-color: #3c76ff;
            z-index: 10;
            box-shadow: 0 0.5px 1px 0 rgba(0, 0, 0, 0.2);
        }

        [splayer-root] .customProgressControl {
            position: absolute;
            width: 100%;
            z-index: 100;
            height: 3px;
            margin-top: -3px;
        }

        [splayer-root] .drag-progress-bar-container {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 10000;
            padding: 13px 12px 23px;
        }

        [splayer-root] .drag-progress-bar-bg {
            width: 100%;
            border-radius: 9px;
            background: #333;
            transition: all 0.1s linear;
        }

        [splayer-root] .drag-progress-bar {
            position: relative;
            height: 3px;
            width: 0;
            background: rgba(255, 255, 255, 0.6);
            border-radius: 9px 0 0 9px;
            transition-property: height, width;
            transition-duration: 0.25s;
            -webkit-transform-origin: left;
            transform-origin: left;
            transition-timing-function: linear;
        }

        [splayer-root] .drag-progress-bar.pause {
            background: rgba(255, 255, 255, 0.8);
        }

        [splayer-root] .drag-progress-bar-container.active .drag-progress-bar {
            background: rgba(255, 255, 255, 0.6);
            height: 34px;
            transition-property: height;
        }

        [splayer-root] .drag-progress-bar-container.active .drag-progress-bar-bg {
            -webkit-transform: translateY(5px);
            transform: translateY(5px);
        }

        [splayer-root] .drag-progress-bar::after {
            transition: all 0.1s linear;
            content: '';
            border-radius: 50%;
            height: 5px;
            width: 5px;
            position: absolute;
            top: -1px;
            right: -2.5px;
            background: #fff;
        }

        [splayer-root] .drag-progress-bar.pause::after {
            content: '';
            border-radius: 50%;
            height: 9px;
            width: 9px;
            top: -3px;
            right: -4.5px;
        }

        [splayer-root] .drag-progress-bar-container.active .drag-progress-bar::after {
            content: '';
            border-radius: 21px;
            height: 40px;
            width: 9px;
            top: -3px;
            right: -4.5px;
        }

        [splayer-root] .time-text {
            position: absolute;
            bottom: 92px;
            left: 0;
            right: 0;
            line-height: 26px;
            font-size: 26px;
            font-family: 'baidunumber-Medium';
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
            display: none;
            justify-content: center;
            letter-spacing: -1.33px;
        }

        [splayer-root] .drag-progress-bar-container.active .time-text {
            display: flex;
        }

        [splayer-root] .time-text-current,
        [splayer-root] .time-text-total {
            display: inline-block;
            color: #fff;
            white-space: nowrap;
            width: 60px;
        }

        [splayer-root] .time-text-total::before {
            content: '/';
            padding: 9px;
        }

        [splayer-root] .time-text-total {
            width: 80px;
            color: rgba(255, 255, 255, 0.5);
        }

        [splayer-root] .poster-mask {
            transition: opacity 240ms ease;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 5;
            /* Image组件内固定img圆角0.09rem, 此处设置为0，圆角大小由外层盒子决定 */
            border-radius: 0 !important;
        }

        [splayer-root] .poster-mask-disappear {
            opacity: 0;
            pointer-events: none;
        }

        /**
         * @file native-player css
         */
        [splayer-root] .splayer-video {
            width: 100%;
            height: 100%;
            background-color: transparent;
        }

        [splayer-root] .splayer-parent {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            height: 100%;
            z-index: 0;
        }

        /**
         * @file native-player css
         */
        [splayer-root] .splayer-video {
            width: 100%;
            height: 100%;
            background-color: transparent;
        }

        [splayer-root] .splayer-parent {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            height: 100%;
            z-index: 0;
        }
    </style>
    <style type="text/css">.share-dialog .copy-fail-content {
        position: fixed;
        top: 4.68rem;
        left: 0;
        z-index: 999;
        width: 12.42rem;
        height: 10.41rem;
        background-size: 100%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .share-dialog .copy-fail-content .text {
        position: absolute;
        top: 2.53rem;
        left: 2.6rem;
        width: 7.2rem;
        height: 1.56rem;
        background-size: 100%;
        background-repeat: no-repeat;
        min-height: 1.54rem;
        overflow: scroll;
        -webkit-overflow: scroll;
        -webkit-overflow-scrolling: touch;
        word-break: break-all;
        font-size: 0.51rem;
        line-height: 0.63rem;
        letter-spacing: 0.01rem;
        color: #fff1bf;
        -webkit-overflow-scrolling: touch;
        overflow: auto !important;
    }

    .share-dialog .copy-fail-content .text .token {
        text-align: center;
    }

    .share-dialog .copy-fail-content .text .token .con {
        font-family: DIN Alternate;
    }

    .share-dialog .copy-fail-content .btn {
        position: absolute;
        left: 2.9rem;
        bottom: 2.5rem;
        width: 6.51rem;
        height: 1.89rem;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .share-dialog .copy-fail-content .tip {
        position: absolute;
        width: 100%;
        bottom: 5rem;
        text-align: center;
        font-size: 0.36rem;
        line-height: 0.4rem;
        color: #ffd964;
    }

    .share-dialog .copy-fail-content .dialog-close {
        position: absolute;
        left: 5.28rem;
        bottom: 0;
        width: 1.8rem;
        height: 1.8rem;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    </style>
    <style type="text/css">.mask {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.75);
    }

    .sm-no-scroll {
        overflow: hidden;
    }

    .maskMove {
        animation: maskMove 0.4s;
        animation-fill-mode: forwards;
    }

    .maskClose {
        animation: maskClose 0.4s;
        animation-fill-mode: forwards;
    }

    @-moz-keyframes maskMove {
        0% {
            opacity: 0;
        }
        20% {
            opacity: 0.7;
        }
        100% {
            opacity: 1;
        }
    }

    @-webkit-keyframes maskMove {
        0% {
            opacity: 0;
        }
        20% {
            opacity: 0.7;
        }
        100% {
            opacity: 1;
        }
    }

    @-o-keyframes maskMove {
        0% {
            opacity: 0;
        }
        20% {
            opacity: 0.7;
        }
        100% {
            opacity: 1;
        }
    }

    @keyframes maskMove {
        0% {
            opacity: 0;
        }
        20% {
            opacity: 0.7;
        }
        100% {
            opacity: 1;
        }
    }

    @-moz-keyframes maskClose {
        0% {
            opacity: 1;
        }
        20% {
            opacity: 0.7;
        }
        100% {
            opacity: 0;
        }
    }

    @-webkit-keyframes maskClose {
        0% {
            opacity: 1;
        }
        20% {
            opacity: 0.7;
        }
        100% {
            opacity: 0;
        }
    }

    @-o-keyframes maskClose {
        0% {
            opacity: 1;
        }
        20% {
            opacity: 0.7;
        }
        100% {
            opacity: 0;
        }
    }

    @keyframes maskClose {
        0% {
            opacity: 1;
        }
        20% {
            opacity: 0.7;
        }
        100% {
            opacity: 0;
        }
    }
    </style>
</head>
<body style="">

<div id="app" rl-root="" class="cos-ios cos-other">
    <div class="aigc-wrapper_3ULUf cos-flex cos-flex-col" style="">
        <header class="page-header-container_3JV0z">
            <div class="immersive-bg_1D3Lb"></div>
            <!--4--> <!--5-->
            <div class="header-wrap_h4b7a">
                <div class="<!--button_1pUDs--> cos-font-medium">视频提取</div>
            </div><!--6--> </header>
        <div class="scroll-container_3GMO1 cos-flex cos-flex-1 scroll_2ctPL cos-flex-1">
            <div class="scroll-wrapper_2EWyF cos-flex-1"> <!--8-->

                <div class="create-sider-wrapper_kKlsg">
                    <div class="wrapper_1-xAH cos-flex cos-flex-col">
                        <div class="info-wrapper_3KhFt cos-flex-1">
                            <div class="container_2N3MU prompt-input_2PQ9L"> <!--22-->
                                <div class="prompt-input-container_3yiIb cos-flex cos-flex-col" data-no-na-dialog="">
                                    <div class="prompt-input_29JNl cos-flex-1">
                                        <div class="fake-input_2kkWy" show-placeholder="true"><span
                                                class="value_30xJn"></span>
                                            <span class="placeholder_qtXNq gray_18m1D"></span></div>
                                        <div class="input-container_1KFfU">
                                            <textarea id="shareTextArea" maxlength="200" placeholder="请输入或者粘贴链接..."></textarea></div>
                                    </div>
                                    <div class="prompt-input-bottom_2jZDX cos-flex">

                                        <div><span id="viewBox">0</span><span class="gray_18m1D">/200<span></span></span></div>

                                        <div class="divider_1MB_C"><span class="gray_18m1D">|</span></div>
                                        <div id="clearText" class="clean-btn_3epOg">清空</div>
                                    </div>
                                </div>
                            </div>
                            <div class="prompt-tag-list_1kB1K prompt-tag-list_3Ng3x cos-flex prompt-tag-list_3xmVu"
                                 display-style="scroll"><span class="text_1OdUN text_ZkNoD">快捷操作：</span> <!--26-->
                                <div class="tags-container_329Aw tags-container_11BGO cos-flex cos-flex-1">

                                    <div class="item_1AMKr item_xG9Bz" id="copyText" disabled="false">
                                        <div class="item-inner_2hmD4 item-inner_2JBA4">粘贴</div>
                                    </div>


                                </div> <!--26--><!--25-->
                            </div><!--23-->

                        </div>
                    </div><!--10--></div>

                <div class="page-footer-container_6GHgW"> <!--12-->
                    <div>
                        <button id="extractText" class=" sc-button sc-button-new cos-font-medium-important button_eAyrF button-primary_3aaji" rl-node="" rl-type="button">
                            <!--16--><!--16-->
                            <!--17-->
                            <div class="btn-text_2uGva">提取视频</div>
                            <!--18--><!--18-->
                        </button>
                    </div><!--12-->
                </div>
                <!--8-->

                <div class="" style=" text-align: center;line-height: 0.3rem;">视频地址</div>



                <div class="create-image-wrapper_CBCW6">
                    <div id="container" style="height: 370px">
                        <div id="mse"></div>
                    </div>
                </div>

            </div>
        </div>


    </div>
</div>

</body>
<script type="text/javascript" src="http://dev.acyou.cn/resources/js/jquery-3.7.1.min.js"></script>
<link rel="stylesheet" href="http://dev.acyou.cn/xgplayer/index.min.css"/>
<script charset="utf-8" src="http://dev.acyou.cn/xgplayer/index_3x.min.js"></script>
<script charset="utf-8" src="http://dev.acyou.cn/xgplayer/hls_index.min.js"></script>
<script>
    (function () {
        $('#clearText').click(function () {
            $("#shareTextArea").val('')
            $("#viewBox").html(0)
        });

        $('#copyText').click(async function () {
            var input = $("#shareTextArea");
            input.focus();
            try {
                const text = await navigator.clipboard.readText();
                input.val(text)
            } catch (err) {
                console.error('Failed to read clipboard contents: ', err);
            }
        });

        LimitedNnumber("#shareTextArea", "#viewBox", 200)//调用函数需要传入三个参数，分别为，输入框、显示框、限制的长度（这里是9）

        function LimitedNnumber(eventBox, viewBox, textLength) {//调用函数需要传入三个参数，分别为，输入框、显示框、限制的长度
            $(document).on('input propertychange paste keyup', eventBox, function(event) {
                this.value = this.value.replace(this.value.slice(textLength), "")//超出长度的部分替换为空
                $(viewBox).html(this.value.length)
            })
        }


        async function readClipboard() {
            var input = $("#shareTextArea");
            input.focus();
            try {
                const text = await navigator.clipboard.readText();
                input.val(text)
            } catch (err) {
                console.error('Failed to read clipboard contents: ', err);
            }
        }

        readClipboard();



        function copyToClipboard(text) {
            const textarea = document.createElement("textarea");
            textarea.value = text;
            document.body.appendChild(textarea);
            textarea.select();
            document.execCommand("copy");
            document.body.removeChild(textarea);
        }

        $("#extractText").on("click", function (){
            var $shareTextArea = $("#shareTextArea");
            var $extractText = $("#extractText");
            var $extractTextDiv = $("#extractText div");
            $extractTextDiv.text("提取中...")
            $extractText.attr("disabled", "true")
            $.ajax({
                cache: true,
                type: "post",
                contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                dataType: "json",//后台返回的数据类型
                url: "http://192.168.4.239:8035/tool/shareDownload",
                data: {"category":"AUTO_PAGE","text":$shareTextArea.val()},
                async: true,
                xhrFields: {
                    withCredentials: true
                },
                success: function (res) {
                    console.log(res)
                    $extractTextDiv.text("提取视频")
                    $extractTextDiv.attr("disabled", "false")
                },
                error: function (data) {
                    $extractTextDiv.text("提取视频")
                    $extractTextDiv.attr("disabled", "false")
                }
            });
        });

        const config = {
            "id": "mse",
            "url": "抖音2024612-104232.mp4",
            "playsinline": true,
            "poster": "",
            "plugins": [],
            "volume": 1,
            "autoplay": true,
            "fluid": false,
            "defaultPlaybackRate": 1,
            "playbackRate": [
                1,
                1.5,
                2,
                2.5,
                3
            ],
            "videoAttributes": {
                "crossOrigin": "anonymous"
            },
            "videoInit": true,
            "pip": true,
            "keyShortcut": "on",
            "width": "100%",
            "height": "100%"
        }
        // For M3U8:
        // config.plugins.push(HlsPlayer)
        const player = new Player(config)
    })();
</script>
</html>